<template>
	<div class="news-list">
		<ul>
			<li v-for="n in 6">
				<a href="#">
					<div class="title">太原xxx荣耀9周年 邀您共享家装盛宴(太原)</div>
					<div class="time">2016-09-20</div>
					<div class="abstract">
						XXX之峰装饰于2001年4月份进驻X原，4月28日X原分公司第一家店面--"美丽X园店" 隆重开业，X原分公司也于2001年5月16日正式成立，这种独特的进驻方式，为X原分公司日后的蓬勃发展奠定了坚实的基础。
					</div>
				</a>
			</li>
		</ul>
	</div>

</template>


<style lang="less">
.ellipsis{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-list{
		ul{
			li{margin-bottom: 15px;padding-bottom:15px;border-bottom: 1px solid #e2e2e2;
				a{font-size: 14px;}
				.title{font-size: 16px;.ellipsis;}
				.time{font-size: 12px;color: #999;margin: 10px 0;}
				.abstract{font-size: 14px;line-height: 1.5;color: #888;}
				&:last-child{border-bottom: 0;}
			}
		}
	}

</style>